"use client"
import Image from "next/image";
import {useTheme} from "next-themes";
import Link from "next/link";
import {BiChevronRight} from "react-icons/bi";

export default function SightsSection() {
    const {theme} = useTheme()
    return (
        <section>
            <div className={"py-4"}>

                <p className={"font-bold"}>广西壮族自治区来宾市兴宾区下辖镇</p>
                <p className={"my-2"}>
                    寺山镇，隶属于广西壮族自治区来宾市兴宾区，地处兴宾区东南部，东与南泗乡及武宣县禄新乡接壤，南与石牙乡毗连，西与蒙村镇和三五乡为邻，北与蒙村镇交界。
                    区域面积196.8平方千米，截至2019年末，户籍人口63520人。
                    民国二十六年（1937年），设寺脚乡。1950年，称寺脚区。1968年，称寺山公社。1984年，称寺山乡至今。 2014年，撤乡改镇。
                    截至2020年6月，寺山镇下辖1个社区和16个行政村。
                    2019年，寺山镇有工业企业53个，有营业面积超过50平方米以上的综合商店或超市13个。
                </p>
                <Link href={'https://baike.baidu.com/item/%E5%AF%BA%E5%B1%B1%E9%95%87/17608635?fr=ge_ala'}
                      className={"text-blue-500 flex items-center gap-x-1 max-w-fit"}>百科 <BiChevronRight/></Link>
                <div className={"grid grid-cols-12 rounded-xl overflow-hidden mt-4"}>
                    <div className={"col-span-12 md:col-span-4"}>
                        <Image src={'/images/ss1.jpeg'} alt={''} width={400} height={300} className={"w-full h-[300px]"}/>
                    </div>
                    <div className={"col-span-12 md:col-span-8"}>
                        <Image className={"w-full object-cover h-[300px]"}
                               src={theme === 'dark' ? '/images/map-dark.png' : '/images/map-light.png'} alt={'map'}
                               width={1280} height={300}/>
                    </div>
                </div>
            </div>
        </section>
    )
}